<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>预警查看（流程中断）</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <!-- Morris -->
    <link href="css/plugins/morris/morris-0.4.3.min.css" rel="stylesheet">
    <!-- Gritter -->
    <link href="js/plugins/gritter/jquery.gritter.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css?v=4.1.0" rel="stylesheet">
    <link href="css/global.css" rel="stylesheet">
    <style>
        .manageEditBox {
            height: 8.2rem;
            background: url("img/biologicalWarningDetailInterruptBg.png") #fff no-repeat;
            background-position: right bottom;
            background-size: auto 100%;
            padding-top: 0.56rem;
        }

        /*详情*/
        .manageDetailBox{
            width: 10rem;
            height:7.34rem;
            background: url("img/manageDetailBoxBg2.png") no-repeat;
            background-size: 100% 100%;
            font-size: .2rem;
            margin-left: .5rem;
            position: relative;
        }
        .manageDetailLine{
            width:9.29rem;
            border-top: 1px dashed #dedede;
            position: absolute;
            left:.42rem;
            bottom:2.21rem;
        }
        .sampleDetailLineBox{
            padding-top: .3rem;
            width: 5rem;
            height: 5.12rem;
            padding-left: .6rem;
            float: left;
        }
        .sampleDetailLine{
            margin-bottom: .2rem;
        }
        .sampleDetailLineLabel{
            display: inline-block;
            width: 1.6rem;
            text-align: left;
        }
        .InterruptBox{
            position: relative;
        }
        .warningIcon{
            height:.14rem;
            margin-left: 1.2rem;
            margin-top: .6rem;
        }
        .warningText{
            margin-top: .55rem;
            margin-left: .13rem;
            color: #999;
            font-size: .14rem;
            width: 5.6rem;
        }
        .warningQrBtn{
            position: absolute;
            width: 1.1rem;
            height: 1.1rem;
            text-align: center;
            padding-top: .25rem;
            border-radius: 50%;
            background: -webkit-linear-gradient(#6BD9BC, #76B5FF);
            background: -o-linear-gradient(#6BD9BC, #76B5FF);
            background: -moz-linear-gradient(#6BD9BC, #76B5FF);
            background: linear-gradient(#6BD9BC, #76B5FF);
            color: #fff;
            right:1.2rem;
            top:.3rem;
            cursor: pointer;
        }
        .warningQrBtnAgain{
            background: -webkit-linear-gradient(#FEB683, #FF8993);
            background: -o-linear-gradient(#FEB683, #FF8993);
            background: -moz-linear-gradient(#FEB683, #FF8993);
            background: linear-gradient(#FEB683, #FF8993);
        }
        .warningQrBtn img{
            height: .3rem;
            margin-bottom: .09rem;
        }
    </style>
</head>

<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="manageTitle">
        <div class="manageTitleBack" onclick="javascript:history.back(-1);">
            <i class="fa fa-chevron-left"></i>
        </div>
        <span class="manageTitleText">预警查看（流程中断）</span>
    </div>
    <div class="ibox-content manageEditBox">
        <div class="manageDetailBox">
            <div class="manageDetailLine"></div>
            <div class="floatClear">
                <div class="sampleDetailLineBox">
                    <div class="sampleDetailLine">
                        <div class="sampleDetailLineLabel">ON号：</div>
                        12131423424
                    </div>
                    <div class="sampleDetailLine">
                        <div class="sampleDetailLineLabel">姓名：</div>
                        王芳芳
                    </div>
                    <div class="sampleDetailLine">
                        <div class="sampleDetailLineLabel">性别：</div>
                        女
                    </div>
                    <div class="sampleDetailLine">
                        <div class="sampleDetailLineLabel">样本编号：</div>
                        12131423424
                    </div>
                    <div class="sampleDetailLine">
                        <div class="sampleDetailLineLabel">样本类型：</div>
                        干血
                    </div>
                    <div class="sampleDetailLine">
                        <div class="sampleDetailLineLabel">检测项目：</div>
                        新筛
                    </div>
                    <div class="sampleDetailLine">
                        <div class="sampleDetailLineLabel">样本总量：</div>
                        21ul
                    </div>
                    <div class="sampleDetailLine">
                        <div class="sampleDetailLineLabel">项目负责人：</div>
                        人员1
                    </div>
                    <div class="sampleDetailLine">
                        <div class="sampleDetailLineLabel">实际收费：</div>
                        35.24元
                    </div>
                </div>
                <div class="sampleDetailLineBox">
                    <div class="sampleDetailLine">
                        <div class="sampleDetailLineLabel">NB号：</div>
                        12131423424
                    </div>
                    <div class="sampleDetailLine">
                        <div class="sampleDetailLineLabel">身份证号：</div>
                        1402479541214
                    </div>
                    <div class="sampleDetailLine">
                        <div class="sampleDetailLineLabel">是否为先证者：</div>
                        是
                    </div>
                    <div class="sampleDetailLine">
                        <div class="sampleDetailLineLabel">样本性质：</div>
                        临床
                    </div>
                    <div class="sampleDetailLine">
                        <div class="sampleDetailLineLabel">是否是重点客户：</div>
                        是
                    </div>
                    <div class="sampleDetailLine">
                        <div class="sampleDetailLineLabel">样本数量：</div>
                        35ul
                    </div>
                    <div class="sampleDetailLine">
                        <div class="sampleDetailLineLabel">剩余样本量：</div>
                        21ul
                    </div>
                    <div class="sampleDetailLine">
                        <div class="sampleDetailLineLabel">中心接受人：</div>
                        人员1
                    </div>
                    <div class="sampleDetailLine">
                        <div class="sampleDetailLineLabel">收样日期：</div>
                        2019.04.12   20:27:59
                    </div>
                </div>
            </div>
            <div class="InterruptBox floatClear">
                <img class="floatLeft warningIcon" src="img/warningIcon.png" alt="">
                <div class="warningText floatLeft">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient </div>
                <div class="warningQrBtn warningQrBtnAgain floatLeft">
                    <img src="img/again.png" alt="">
                    <div>重新生产</div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 全局js -->
<script src="js/jquery.min.js?v=2.1.4"></script>
<script src="js/bootstrap.min.js?v=3.3.6"></script>
<script src="js/global.js?v=3.3.6"></script>
<script>
    $(document).ready(function () {

    });
</script>
</body>
</html>
